﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link type="text/css" rel="stylesheet" href="/dist/css/bootstrap.min.css" />
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css" />
    <script type="text/javascript" src="/JS/jquery.min.js"></script>
    <script type="text/javascript" src="/dist/js/bootstrap.min.js"></script>
    <title>首页模板</title>
</head>
<body>
    <div id="mainbody">
        <div class="tophead">
            <div class="col-sm-3 col-xs-3 col-md-3">订阅</div>
            <div class="col-sm-9 col-xs-9 col-md-9 text-right">
                <i class="fa fa-plus" style="margin-right:30px;"></i>
                <i class="fa fa-user"></i>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="hhead">
            <div class="col-sm-10 col-xs-10">
                <div class="htitle">逐浪CMS</div>
                <div class="hsubtitle">专注于大型门户、商城、政务与企业级网站</div>
            </div>
            <div class="col-sm-2 col-xs-2">
                <button type="button" class="btn btn-default" id="menu_btn">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="clearfix"></div>
        </div>
        <div>
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class=""></li>
                    <li data-target="#myCarousel" data-slide-to="1" class=""></li>
                    <li data-target="#myCarousel" data-slide-to="2" class="active"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item Custom1">
                        <div class="container ">
                            <a href="index.shtml"><img src="http://www.z01.com/uploadfiles/phone5.png" alt="App应用与移动门户一体化" class="animated homeb201501"></a>
                            <div class="carousel-caption">
                                <h2>领先的全门户网站构建软件</h2>
                                <p>站群与微站、WEB App、全产品线手机客户端-全网覆盖与无处不在的WEB应用体验.</p>
                                <p>专注于大型门户、商城、政务与企业级网站之核...</p>
                                <p><a class="btn btn-info" href="index.shtml" role="button">进入官网主页</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="container">
                            <a href="http://1th.cn/" target="_blank"><img src="http://www.z01.com/uploadfiles/phone6.png" alt="一特社会化协同办公平台" class="animated homeb201502"></a>
                            <div class="carousel-caption Custom4">
                                <h2>一特社会化协同办公平台</h2>
                                <p>线上办公、邮件管理、协同操作、计划任务、企业站群、小组OA全面接入...</p>
                                <p><a class="btn btn-info" href="http://1th.cn/" target="_blank" role="button">免费申请使用</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="item active">
                        <div class="container">
                            <a href="/shop/"><img src="http://www.z01.com/uploadfiles/phone7.png" alt="App应用与移动门户一体化" class="animated homeb201503"></a>
                            <div class="carousel-caption Custom5">
                                <h2>丰富套餐-专注中国企业供应链</h2>
                                <p>我们分别在北京、上海、南昌设有全资公司，10年来为五百强、大型国企、政府提供了解决方案，提供实时到场的软件开发服务.</p>
                                <p>脚比路更长+服务到现场+智慧的思想....</p>
                                <p><a class="btn btn-info" href="/shop/" role="button" target="_blank">选购产品套餐</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="fa fa-chevron-left"></span></a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="fa fa-chevron-right"></span></a>
            </div>
        </div>
        <div class="body">
            <ul class="unstyled menuul">
                <li class="menuli col-sm-4 col-xs-4">
                  <a href="#">
                        <i class="fa fa-home faimg"></i><br />逐浪官网</a></li>
                <li class="menuli col-sm-4 col-xs-4">
                    <a href="#">
                        <i class="fa fa-coffee faimg"></i><br />贴吧论坛</a></li>
                <li class="menuli col-sm-4 col-xs-4">
                    <a href="#">
                        <i class="fa fa-building-o faimg"></i><br />能力中心</a></li>
                <li class="menuli col-sm-4 col-xs-4">
                    <a href="#">
                        <i class="fa fa-cloud faimg"></i><br />微逐浪</a></li>
                <li class="menuli col-sm-4 col-xs-4">
                    <a href="#">
                        <i class="fa fa-newspaper-o faimg"></i><br />新闻资讯</a></li>
                <li class="menuli col-sm-4 col-xs-4">
                    <a href="#">
                        <i class="fa fa-shopping-cart faimg"></i><br />在线商城</a></li>
                <li class="menuli col-sm-4 col-xs-4">
                    <a href="#">
                        <i class="fa fa-desktop faimg"></i><br />OA办公</a></li>
                <li class="menuli col-sm-4 col-xs-4">
                    <a href="#">
                        <i class="fa fa-envelope-o faimg"></i><br />在线申请</a></li>
                <li class="menuli col-sm-4 col-xs-4">
                    <a href="#">
                        <i class="fa fa-book faimg"></i><br />帮助中心</a></li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div style="height:60px;"></div>
        <div class="footer">
            <a href="#"><i class="fa fa-th faimg_mid"></i><br />订阅</a>
            <a href="#"><i class="fa fa-life-ring faimg_mid"></i><br />热点</a>
            <a href="#"><i class="fa fa-video-camera faimg_mid"></i><br />视频</a>
            <a href="#"><i class="fa fa-coffee faimg_mid"></i><br />商品</a>
        </div>
    </div>
    <style type="text/css">
        * {font-family: 'Microsoft YaHei';}
        ul {padding-left:0px;}
        #mainbody {background: #fff;}
        #menu_btn {background:none;padding-bottom:10px;}
        .tophead {background-color: #FA4846; height: 35px;color:#fff;padding:10px;font-size:1.2em;padding-left:0px;padding-top:5px;}
        .hhead {padding: 10px;border-bottom: 1px solid #ccc;}
        .htitle { font-size: 1em;}
        .hsubtitle {font-weight: bold;font-size:12px;}
        .icon-bar{display:block;width:20px;height:6px;border-bottom:1px solid #2C3C56;}
        .container img {width:100%;height:125px;}
        .menuul {list-style-type:none;margin-top:-10px;}
        .menuli {border: 1px solid #f5f3f3;height: 120px;text-align: center;border-right:none;border-top:none;padding-top: 20px;}
        .faimg {font-size: 4em;color: #2C3C56;margin-bottom: 10px;}
        .faimg_mid {font-size: 2em;margin-bottom: 5px;}
        .faimg.active {color: #B8383A;}
        .footer {bottom:0px;border-top:1px solid #ddd;height:60px;position:fixed;width:100%;z-index:10;background:#efeded;}
        .footer a {float: left;width: 25%;text-align: center;padding: 10px;color: #5A5A5A;}
        #myCarousel .carousel-control span{font-size:30px;position: absolute;top:50%;margin-top:-15px;}
    </style>
<script>
    $(function () {
        $(".fa").click(function () {
            $(".fa").removeClass("active");
            $(this).addClass("active");
        });
    })
</script>
</body>
</html>
